// Custom styles.

code {
  color: #ff7600;
  background: #fbf7f8;
  margin: 2px;
}

// 大代码块的自定义样式
.highlight, pre {
  margin: 5px 0;
  padding: 5px;
  border-radius: 3px;
}

.highlight, code, pre {
  border: 1px solid #d6d6d6;
}

.footer {
  color: #F0D784
}

//修改页脚备案链接颜色
.footer a {
  color: #F0D784
}

//// 主页文章添加阴影效果
//.post {
//  margin-top: -20px;
//  margin-bottom: 60px;
//  padding: 25px;
//  -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
//  -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
//}

//设置背景图片
body {
    background:url(https://source.unsplash.com/user/erondu/1600x900);
    background-repeat: repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size:cover;
}
//改变背景色和透明度
.main-inner {
   background: #fff;
   opacity: 0.9;
}

// 修改选中字符的颜色
/* webkit, opera, IE9 */
::selection {
  background: #00c4b6;
  color: #f7f7f7;
}

/* firefox */
::-moz-selection {
  background: #00c4b6;
  color: #f7f7f7;
}

// 文章标题字体
.posts-expand .post-title {
  font-size: 26px;
  font-weight: 700;
}

// 标题hover效果
.site-title:hover, .post-title:hover {
  animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@keyframes shake-it {
  0% {
    text-shadow: 0 0 rgba(0, 255, 255, .5), 0 0 rgba(255, 0, 0, .5);
  }
  25% {
    text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);
  }
  50% {
    text-shadow: -5px 0 rgba(0, 255, 255, .5), 3px 0 rgba(255, 0, 0, .5);
  }
  100% {
    text-shadow: 3px 0 rgba(0, 255, 255, .5), 5px 0 rgba(255, 0, 0, .5);
  }
}
